<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>爱到家-社区生鲜</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
	<link href="css/alongsty.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv_min.js"></script>
      <script src="js/respond_min.js"></script>
    <![endif]-->
    <style type="text/css">
		<!--
		body{ background:#eeeeee;  font-family:"微软雅黑"； }
		input[type="text"],input[type="password"],input[type="date"],input[type="month"],input[type="month"],input[type="time"],input[type="week"],input[type="email"],select{border:none; outline:none; transition:border 0.2s ease-in 0s;  }
		input[type="button"],input[type="submit"]{outline:none;cursor:pointer;border:none;}		input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="email"]:focus,select:focus{border:1px solid #17a862;  }
		-->
    </style>
</head>
  <body >
    <div class="toper navbar-fixed-top">
    	<div class="row color_white " >
      	  <div class="col-xs-2" style="padding-left:25px;"><a class="cwhite" href="index.html"><i class="icon-angle-left font32"></i></a></div>
          <div class="col-xs-8 text-center font20">平价蔬菜</div>
          <div class="col-xs-2" >
          		<div class="icon_shopcar">
                <div class="icon_shopcar_ts">15</div>
                <a class="cwhite" href="#"><div class="photo_30"><img src="images/icon_shopcar.png" alt="购物车"></div></a>
                </div>
          </div>
      	</div>
    </div><!-- toper -->
    <div class="height53"></div>
    <div class="height20"></div>
    <div class=" container-fluid">
    	<div class="row">
          <div class="col-xs-6" style="padding-right:5px;" >
          		<div class="thumbnail" style="padding:0px;">
                  <a href="product_info.html"><div class="sosophoto"><img src="images/jdt1.jpg"></div></a>
                  <div class="caption">
                    <h4>美味奇异果</h4>
                    <span class="color_gray">叶氏果蔬综合超市...</span>
                    <p class="color_gray"><span class="font16 color_orange">¥ 12</span>/斤</p>
                    <div class="text-center"><a href="#" data-toggle="modal" data-target="#shopcar"><i class="icon-shopping-cart font16 color_green"></i> 加入购物车</a></div>
                  </div>
                </div>
          </div>
          <div class="col-xs-6" style="padding-left:5px;" >
          		<div class="thumbnail" style="padding:0px;">
                  <a href="product_info.html"><div class="sosophoto"><img src="images/jdt1.jpg"></div></a>
                  <div class="caption">
                    <h4>美味奇异果</h4>
                    <span class="color_gray">叶氏果蔬综合超市...</span>
                    <p class="color_gray"><span class="font16 color_orange">¥ 12</span>/斤</p>
                    <div class="text-center"><a href="#" data-toggle="modal" data-target="#shopcar"><i class="icon-shopping-cart font16 color_green"></i> 加入购物车</a></div>
                  </div>
                </div>
          </div><!--a-->
          <div class="col-xs-6" style="padding-right:5px;" >
          		<div class="thumbnail" style="padding:0px;">
                  <a href="product_info.html"><div class="sosophoto"><img src="images/jdt1.jpg"></div></a>
                  <div class="caption">
                    <h4>美味奇异果</h4>
                    <span class="color_gray">叶氏果蔬综合超市...</span>
                    <p class="color_gray"><span class="font16 color_orange">¥ 12</span>/斤</p>
                    <div class="text-center"><a href="#" data-toggle="modal" data-target="#shopcar"><i class="icon-shopping-cart font16 color_green"></i> 加入购物车</a></div>
                  </div>
                </div>
          </div>
          <div class="col-xs-6" style="padding-left:5px;" >
          		<div class="thumbnail" style="padding:0px;">
                  <a href="product_info.html"><div class="sosophoto"><img src="images/jdt1.jpg"></div></a>
                  <div class="caption">
                    <h4>美味奇异果</h4>
                    <span class="color_gray">叶氏果蔬综合超市...</span>
                    <p class="color_gray"><span class="font16 color_orange">¥ 12</span>/斤</p>
                    <div class="text-center"><a href="#" data-toggle="modal" data-target="#shopcar"><i class="icon-shopping-cart font16 color_green"></i> 加入购物车</a></div>
                  </div>
                </div>
          </div><!--a-->
        </div>
        <button type="button" class="btn btn-default btn-group-justified" >加载更多 <i class="icon-double-angle-down"></i></button>
        <div class="height20"></div>
    </div>
    
    <!-- Modal -->
    <div class="modal fade" id="shopcar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h5 class="modal-title font16" id="myModalLabel">我的购物车</h5>
          </div>
          <div class="modal-body aligncenter">
            <div class="photo_60"><img src="images/icon_shopcar_ok.png"></div><br>
您选购的商品已加入购物车<br>
购物车有2件商品，共计<span class="font16 color_orange">¥ 12</span>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-success">去结算</button>
          </div>
        </div>
      </div>
    </div>
    
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery_min1_11_2.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>